$main-theme:rgba(0, 147, 235, 1);
$light-theme: rgba(230, 250, 255, 1);
$border-gary: rgba(230, 230, 230, 1);
$border-light: rgba(196, 243, 255, 1);
$color-white: #fff;
$color-main:rgba(0, 147, 235, 1);
$color-red: rgba(255, 0, 36, 1);
$color-small: rgba(150, 150, 150, 1);
@mixin flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@mixin flex-justify($item) {
    -webkit-box-pack: $item;
    -webkit-justify-content: $item;
    -ms-flex-pack: $item;
    justify-content: $item;
}

@mixin elli {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@mixin margin($width:1px, $direction:top) {
    @if ($direction==top) {
        margin-top: $width;
    }
    @if ($direction==bottom) {
        margin-bottom: $width;
    }
    @if ($direction==left) {
        margin-left: $width;
    }
    @if ($direction==right) {
        margin-right: $width;
    }
}

@mixin padding($width:1px, $direction:top) {
    @if ($direction==top) {
        padding-top: $width;
    }
    @if ($direction==bottom) {
        padding-bottom: $width;
    }
    @if ($direction==left) {
        padding-left: $width;
    }
    @if ($direction==right) {
        padding-right: $width;
    }
}

@mixin border($width:1px, $color:$border-gary) {
    border: $width solid $color;
}

@mixin border-only($width:1px, $direction:top, $color:$border-gary) {
    @if ($direction==top) {
        border-top: $width solid $color;
    }
    @if ($direction==bottom) {
        border-bottom: $width solid $color;
    }
    @if ($direction==left) {
        border-left: $width solid $color;
    }
    @if ($direction==right) {
        border-right: $width solid $color;
    }
}


/* 清除浮动 */

@mixin clearfix {
    &:after {
        clear: both;
        content: '.';
        display: block;
        height: 0;
        line-height: 0;
        overflow: hidden;
    }
    *height: 1%;
}

@mixin lh($height) {
    height: $height;
    line-height: $height;
}


/*透明度进入*/

@keyframes rj-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.rj-fade-in {
    animation: rj-fade-in 1s;
}

@keyframes rj-fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.rj-fade-out {
    animation: rj-fade-out 1s;
}

:focus {
    outline: 0;
}

.rj_l-scroll::-webkit-scrollbar-track{
    // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    // background-color: #F5F5F5;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;

}

.rj_l-scroll::-webkit-scrollbar{
    width: 7px;
    background-color: #F5F5F5;
}
.rj_l-scroll::-webkit-scrollbar-thumb{
    // background-color: #AAA;
    border-radius: 7px;
    // background-image: -webkit-linear-gradient(90deg,rgba(0, 0, 0, .2) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, .2) 50%,rgba(0, 0, 0, .2) 75%,transparent 75%,transparent)
    background-color: #AAA;

}
.rj_l_scroll-none {
    &::-webkit-scrollbar {
        display: none;
    }
    scrollbar-width: none;
}

.zen_w-890 {
    width: 890px;
}

.zen_w-772{
    width: 772px;
}